<script setup>
// 引入组件
import { ref } from 'vue';
import ChildCom from './components/ChildCom.vue'

const fCar = ref('保时捷')
const fMoney = ref(100000)
const fFriends = ref(['张三', '李四', '王文英'])

const changeFCar = (newCar)=>{
  console.log(newCar)
  fCar.value = newCar
}
</script>

<template>
  <div style="border: 1px solid green; padding: 30px;">
    <h4>我是父组件-{{ fCar }}</h4>
    <!-- 使用子组件 -->
    <!-- 通过绑定属性的方式传值 -->
    <ChildCom :car="fCar" :money="fMoney" :friends="fFriends" @change-f-car="changeFCar"/>
  </div>
</template>

<style scoped></style>
